<template>
  <div>
    <div class="TopBox">
      <el-button v-if="proSentShow" id="proSent" class="pms-button-primary" @click="proSent()">项目送审</el-button>
      <el-button v-if="editDatasShow" id="editDatas" class="pms-button-primary" @click="editDatas()">更新财务数据</el-button>
    </div>
    <el-tabs
      v-model="activeName"
      type="border-card"
      @tab-click="handleClick(activeName, pageParam)"
    >
      <el-tab-pane label="项目竣工决算总表" name="1">
        <el-table
          ref="multipleTable"
          :data="FinDatagrid1"
          style="width: 100%"
          size="small"
          border
          :tree-props="{ children:'children'}"
          row-key="numa"
          :indent="20"
          :header-cell-style="{textAlign:'center'}"
        >
          <!-- <el-table-column label="工程项目支出事项" align="center" prop="type" />
          <el-table-column label="工程项目竣工决算额(元) " align="center" prop="sumA" /> -->
          <el-table-column prop="type" label="工程项目支出事项">
            <!-- {{ scope.row.children }} -->
            <template slot-scope="scope">
              <span v-if="scope.row.children">
                <i style="color:rgb(255, 204, 0)" class="el-icon-folder" />
                {{ scope.row.type }}
              </span>
              <span v-if="!scope.row.children" style="margin-left: 23px;">
                <i style="color:rgb(0, 221, 255);" class="el-icon-document-remove" />
                {{ scope.row.type }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="工程项目竣工决算额" prop="suma" align="center" />
        </el-table>
        <!-- FinDatagrid1 -->
      </el-tab-pane>
      <el-tab-pane label="交付使用资产明细表" name="2">
        <el-table
          :data="FinDatagrid2"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" />
          <el-table-column v-if="false" align="center" prop="id" width="100" label="ID">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column v-if="false" align="center" prop="prjId" width="100" label="项目ID">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="type" width="100" label="资产类别" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="name" width="100" label="资产名称">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjCode" width="100" label="工程项目编码" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteCode" width="100" label="站址编码" :show-overflow-tooltip="true"><!-- 物理站址编码 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteName" width="100" label="站址名称" :show-overflow-tooltip="true"><!-- 物理站点名称 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="code" width="100" label="资产目录编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="supplier" width="100" label="供应商" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="specifications" width="100" label="规格型号结构" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="manufacturer" width="100" label="生产厂家" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="num" width="100" label="数量" :show-overflow-tooltip="true">
            <template slot-scope="scope">{{ toFixedNum(scope.row.num) }}</template>
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="units" width="100" label="计量单位" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="stDate" width="100" :formatter="formatterTime" label="启用时间" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="department" width="100" label="责任部门" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="department" width="100" label="维护经理" :show-overflow-tooltip="true"><!-- 1.0里面 责任部门&维护经理用的同一字段 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="dwUser" width="100" label="代维人员" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="equipmentAmt" width="100" label="设备投资金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="jaAmt" width="120" label="建筑安装投资金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prepaidAmt" width="100" label="待摊费用金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="otherAmt" width="100" label="其它投资金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="assetAmt" width="100" label="资产价值" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <交付使用资产明细表 /> -->
      </el-tab-pane>
      <el-tab-pane label="辅助明细账" name="3">
        <el-table
          :data="FinDatagrid3"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" :show-overflow-tooltip="true" />
          <el-table-column v-if="false" align="center" prop="id" label="ID" :show-overflow-tooltip="true" />
          <el-table-column v-if="false" align="center" prop="prjId" label="项目ID" />
          <el-table-column v-if="false" align="center" prop="prjCode" label="项目编码" />
          <el-table-column align="center" prop="ywrq" :formatter="formatterTime" label="业务日期" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="voucher" label="凭证编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectCode" label="科目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectName" label="科目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="productCode" label="产品编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="productName" label="产品名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="units" label="计量单位" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="abstracts" label="摘要" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="debit" label="借方" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="credit" label="贷方" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="direction" label="方向" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="balance" label="余额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <辅助明细账 /> -->
      </el-tab-pane>
      <el-tab-pane label="工程付款信息统计表" name="4">
        <el-table
          :data="FinDatagrid4"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" />
          <el-table-column v-if="false" align="center" prop="id" width="100" label="ID" />
          <el-table-column v-if="false" align="center" prop="prjId" width="100" label="项目ID" />
          <el-table-column align="center" prop="orgName" width="100" label="核算单位" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectCode" width="100" label="科目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectName" width="100" label="科目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="wldwCode" width="100" label="往来代为编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="contractCode" width="100" label="合同编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="contractName" width="100" label="合同名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="contractAmt" width="100" label="合同金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orderCode" width="100" label="订单编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteCode" width="100" label="站址编码" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteName" width="100" label="站址名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjCode" width="100" label="项目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjName" width="100" label="项目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="importNotaxAmt" width="180" label="工程会计清单导入金额不含税" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="feeName" width="100" label="费用项目" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="bzCode" width="100" label="报账单号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="invoiceDate" width="100" label="发票日期" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="invoiceCode" width="100" label="发票代码" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="invoiceAmt" width="100" label="发票含税金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="invoiceAmt" width="120" label="发票不含税金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="payAmt" width="100" label="付款金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="payDateTmp" width="100" label="付款年月" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="nopayAmt" width="100" label="未付款金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="day" width="100" label="账龄天数" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <工程付款信息统计表 /> -->
        <pagination
          v-if="pageParam.total > 10"
          :total="pageParam.total"
          :page.sync="pageParam.pageNum"
          :limit.sync="pageParam.pageSize"
          @pagination="doSearch"
        />
      </el-tab-pane>
      <el-tab-pane label="费用清单" name="5">
        <el-table
          :data="FinDatagrid5"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" />
          <el-table-column align="center" prop="businessDate" width="100" :formatter="formatterTime" label="业务日期" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orderCode" width="100" label="订单编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="supplier" width="100" label="供应商" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="materielCode" width="100" label="物料编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="notaxAmt" width="120" label="不含增值税价格" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="taxAmt" width="100" label="税金" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="sumamt" width="100" label="含税总价" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="schedule" width="100" label="成本确认进度" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="costAmt" width="150" label="当期成本费用确认金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="auditAmt" width="130" label="审计调整(不含税值)" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgCode" width="100" label="核算单位编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgName" width="100" label="核算单位名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjCode" width="100" label="项目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjName" width="100" label="项目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteCode" width="100" label="站址编码" :show-overflow-tooltip="true"><!-- 物理站址编码 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteName" width="100" label="站址名称" :show-overflow-tooltip="true"><!-- 物理站点名称 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectName" width="100" label="科目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <费用清单 /> -->
        <pagination
          v-if="pageParam.total > 10"
          :total="pageParam.total"
          :page.sync="pageParam.pageNum"
          :limit.sync="pageParam.pageSize"
          @pagination="doSearch"
        />
      </el-tab-pane>
      <el-tab-pane label="设备清单" name="6">
        <el-table
          :data="FinDatagrid6"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" />
          <el-table-column align="center" prop="specifications" width="100" label="规格型号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="productName" width="100" label="产品名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="units" width="100" label="计量单位" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="num" width="100" label="数量">
            <template slot-scope="scope">{{ toFixedNum(scope.row.num) }}</template>
          </el-table-column>
          <el-table-column align="center" prop="auditNum" width="100" label="审计数量调整">
            <template slot-scope="scope">{{ toFixedNum(scope.row.auditNum) }}</template>
          </el-table-column>
          <el-table-column align="center" prop="notaxAmt" width="120" label="不含税物资总价" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="auditNottaxAmt" width="160" label="审计金额调整(不含税值)" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="taxAmt" width="100" label="税金" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="amt" width="100" label="含税总价" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgCode" width="100" label="核算单位编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgName" width="100" label="核算单位名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjCode" width="100" label="项目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjName" width="100" label="项目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteCode" width="100" label="站址编码" :show-overflow-tooltip="true"><!-- 物理站址编码 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteName" width="100" label="站址名称" :show-overflow-tooltip="true"><!-- 物理站点名称 -->
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectName" width="100" label="科目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <设备清单 /> -->
        <pagination
          v-if="pageParam.total > 10"
          :total="pageParam.total"
          :page.sync="pageParam.pageNum"
          :limit.sync="pageParam.pageSize"
          @pagination="doSearch"
        />
      </el-tab-pane>
      <el-tab-pane label="成本单查询结果" name="7">
        <el-table
          :data="FinDatagrid7"
          style="width: 100%"
          border
          :header-cell-style="{
            background: '#F5F5F5',
            color: '#333333',
          }"
        >
          <el-table-column align="center" type="index" width="50" label="序号" />
          <el-table-column align="center" prop="importCode" width="100" label="导入编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="code" width="100" label="单据编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="supplier" width="100" label="供应商" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="materielCode" width="100" label="物料编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="manufacturer" width="100" label="生产厂家" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="specifications" width="100" label="规格编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="productName" width="100" label="产品名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="units" width="100" label="计量单位" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="nums" width="100" label="数量">
            <template slot-scope="scope">{{ toFixedNum(scope.row.nums) }}</template>
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="notaxAmt" width="130" label="不含增值税物资单价">
            <template slot-scope="scope">{{ toFixedNum(scope.row.notaxAmt) }}</template>
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="notaxSumamt" width="120" label="不含税物资总价" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="sumamt" width="100" label="含税总价" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="schedule" width="100" label="成本确认度(%)" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="taxAmt" width="100" label="税金" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="costAmt" width="120" label="当期成本确认金额" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjCode" width="100" label="工程项目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="prjName" width="100" label="工程项目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteCode" width="100" label="站址编码" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="siteName" width="100" label="站址名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgCode" width="100" label="核算组织编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orgName" width="100" label="核算组织" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="typess" width="100" label="单据类别" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="careteUser" width="100" label="制单人" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="voucher" width="100" label="凭证内码" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="istransfer" width="100" label="是否转资" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="timeStamp" width="100" label="时间戳" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectCode" width="100" label="科目编号" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="subjectName" width="100" label="科目名称" :show-overflow-tooltip="true">
            <template slot="header" slot-scope="{ column }">
              <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <!-- <成本单查询结果 /> -->
        <pagination
          v-if="pageParam.total > 10"
          :total="pageParam.total"
          :page.sync="pageParam.pageNum"
          :limit.sync="pageParam.pageSize"
          @pagination="doSearch"
        />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
// 系统常量配置
  import {
    getWFWorkItem,
    queryTSubjectNew,
    queryTClosingPrjBNew,
    queryTClosingPrjCNew,
    queryTClosingPrjDNew,
    queryTClosingPrjENew,
    queryTClosingPrjFNew,
    queryTClosingPrjGNew
  } from '@/api/actualBudget'
  import SysConst from '@/common/const'
  export default {
      name: 'ActualBudgetAllForm',
      props: {
        form: {
            type: Object,
            default: () => ({})
        }
      },
      data() {
          return {
              // 分页信息
              pageParam: {
                  pageSize: SysConst.PAGESIZE, // 每页显示val条
                  pageNum: SysConst.CURRENT_PAGE, // 当前页
                  total: SysConst.TOTAL // 总数
              },
              // new
              proSentShow: true,
              editDatasShow: true,
              prjId: '',
              FinDatagrid1: [],
              FinDatagrid2: [],
              FinDatagrid3: [],
              FinDatagrid4: [],
              FinDatagrid5: [],
              FinDatagrid6: [],
              FinDatagrid7: [],
              urlList: {}, // 存放地址栏信息
              faId: '', // 基本信息的id
              activeName: '1',
              apiEnmu: {
                1: 'dataOne',
                2: 'dataTwo',
                3: 'dataThree',
                4: 'dataFour',
                5: 'dataFive',
                6: 'dataSix',
                7: 'dataSeven'
              }
          }
      },
      async created() {
        var urlVal = window.location.href
        this.urlList = this.GetRequest(urlVal)
        if (this.urlList.workItemId) {
          const { data } = await getWFWorkItem({ workItemId: this.urlList.workItemId })
          this.lcList = data // 获取流程参数信息
          this.prjId = data.bizObject.prjId
        } else {
          this.prjId = this.urlList.prjId
        }
        // prjId=27671750
        // this.dataOne()
        this.doSearch()
      },
      methods: {
          doSearch(item) {
              const params = {
                  pageNum: item?.page || SysConst.CURRENT_PAGE,
                  pageSize: item?.limit || SysConst.PAGESIZE
              }
              this.handleClick(this.activeName, params)
          },
          proSent() {
            this.$emit('proSent')
          },
          editDatas() {
            this.$emit('editDatas')
          },
          handleClick(val, params) {
            this[this.apiEnmu[val]](params)
          },
          toFixedNum(value) {
            if (value) {
              return Number(value).toFixed(4)
            }
          },
          async dataOne() {
            // this.faId
              const queryTSubject = await queryTSubjectNew({ faId: this.prjId })
              if (queryTSubject.code === '200') {
                this.FinDatagrid1 = queryTSubject.data
              }
          },
          async dataTwo() {
              const queryTClosingPrjB = await queryTClosingPrjBNew({ faId: this.prjId })
              if (queryTClosingPrjB.code === '200') {
                this.FinDatagrid2 = queryTClosingPrjB.data
              }
          },
          async dataThree() {
              const queryTClosingPrjC = await queryTClosingPrjCNew({ faId: this.prjId })
              if (queryTClosingPrjC.code === '200') {
                this.FinDatagrid3 = queryTClosingPrjC.data
              }
          },
          async dataFour(params) {
              const queryTClosingPrjD = await queryTClosingPrjDNew({ faId: this.prjId, ...params })
              if (queryTClosingPrjD.code === '200') {
                this.FinDatagrid4 = queryTClosingPrjD.data.list
                this.pageParam.total = queryTClosingPrjD.data.total
              }
          },
          async dataFive(params) {
            const queryTClosingPrjE = await queryTClosingPrjENew({ faId: this.prjId, ...params })
              if (queryTClosingPrjE.code === '200') {
                this.FinDatagrid5 = queryTClosingPrjE.data.list
                this.pageParam.total = queryTClosingPrjE.data.total
              }
          },
          async dataSix(params) {
            const queryTClosingPrjF = await queryTClosingPrjFNew({ faId: this.prjId, ...params })
              if (queryTClosingPrjF.code === '200') {
                this.FinDatagrid6 = queryTClosingPrjF.data.list
                this.pageParam.total = queryTClosingPrjF.data.total
              }
          },
          async dataSeven(parame) {
            const queryTClosingPrjG = await queryTClosingPrjGNew({ faId: this.prjId, ...parame })
              if (queryTClosingPrjG.code === '200') {
                this.FinDatagrid7 = queryTClosingPrjG.data.list
                this.pageParam.total = queryTClosingPrjG.data.total
              }
          },
          formatterTime(row, column) {
              var data = row[column.property]
              return /\d{4}-\d{1,2}-\d{1,2}/g.exec(data)
          },
          GetRequest(url) {
            var theRequest = {}
            if (url.indexOf('?') !== -1) {
                var str = url.substr(1)
                var strs = str.split('?')
                var strsList = strs[1].split('&')
                for (var i = 0; i < strsList.length; i++) {
                  theRequest[strsList[i].split('=')[0]] = strsList[i].split('=')[1]
                }
            }
            return theRequest
          }
      }
  }
</script>
<style>
/* .el-table {
    font-size: 12px;
    color: #333333;
    border-right: 1px solid #EBEEF5;
} */

.TopBox {
    margin: 20px 0px;
}

/* .el-table_1_column_1   el-table__cell.el-icon-arrow-right {
  color: #ffe449;
} */
/* .el-icon-arrow-right {
      color: #ffe449;
    } */
/* .el-icon-arrow-right:before {
    content: '\e783';
  } */
</style>

